<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Flickasa: photography sharing community</title>
        <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <!-- lightbox -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
        
        <script type="text/javascript">
        $(function() {
            $('a.lightbox').lightBox();
        });
        </script>
    </head>
    <body>
        <div class="container">
            <div class="header">
                <h1>flick<span class="pink">asa</span></h1>
                <ul>
                    <li><a href="#">Top List</a></li>
                    <li><a href="#">Photos</a></li>
                    <li><a href="#">Categories</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Profile</a></li>
                    <li><a href="#">Logout</a></li>
                </ul>
                <div class="clear"></div>
            </div><!-- header -->
            <div class="wrapper">
                <div class="sidebar">
                    <ul>
                        <li><a href="#">Today</a></li>
                        <li><a href="#">This week</a></li>
                        <li><a href="#">Past 30 days</a></li>
                        <li><a href="#">All time</a></li>
                    </ul>
                </div><!-- sidebar -->
                <div class="content">
                    <h2>Oldschool Train</h2>
                    <a href="uploads/DSCF0171.JPG" class="lightbox"><img src="uploads/DSCF0171.JPG" alt="jonasbendiksen11" class="photo_preview"/></a>
                    <div class="photo_info_wrapper">
                        <div class="left">
                            <div class="uploaded">2012.03.28</div>
                            <div class="photo_comment">Took this shot accidently in England while waiting for train.</div>
                        </div><!-- left -->
                        <div class="rating">Rating: 156 <a href="#"><img src="images/thumbs_up.png" alt="like"/></a><a href="#"><img src="images/thumbs_down.png" alt="dislike"/></div></a>
                        <div class="clear"></div>
                    </div><!-- photo_info_wrapper -->
                    <h2>Comments:</h2>
                    <form action="photo.html" method="post">
                        <table class="comment">
                            <tr>
                                <td><textarea rows="2" cols="30"></textarea></td><td><input type="submit" value="Post"/></td>
                            </tr>
                        </table>
                    </form>
                    
                    <div class="comment">Aenean mollis, quam vitae viverra fringilla, nulla velit eleifend enim, vitae vestibulum mauris metus eu magna. Integer hendrerit risus at libero ornare at venenatis velit luctus.</div>
                    <div class="comment_username"><span class="grey">2012-06-02 18:30, </span><a href="#">pr8digy</a></div>
                    <div class="comment">Curabitur risus sem, eleifend auctor rutrum sit amet.</div>
                    <div class="comment_username"><span class="grey">2012-06-02 18:30, </span><a href="#">pnzer</a></div>
                    <div class="comment">Suspendisse sed ante ipsum.</div>
                    <div class="comment_username"><span class="grey">2012-06-02 18:30, </span><a href="#">anonymous</a></div>
                    <div class="comment">Nam bibendum tincidunt dolor.</div>
                    <div class="comment_username"><span class="grey">2012-06-02 18:30, </span><a href="#">eslaiz</a></div>
                    <div class="comment">Vivamus iaculis nisi eget.</div>
                    <div class="comment_username"><span class="grey">2012-06-02 18:30, </span><a href="#">ony</a></div>
                </div><!-- content -->
                <div class="clear"></div>
            </div><!-- wrapper -->
            <div class="footer">
                Mantas Sinkevičius &copy 2012. All rights reserved.
            </div><!-- footer -->
        </div><!-- container -->
    </body>
</html>